Using Webstorm by JetBrains, load the project onto the screen.

You don't have to use Webstorm, but we found it easier to use.


Within "bim-assistant-nuxtjs", you should see these directories: api, assets, components, config, node_modules, pages, plugins, static, store

along with the following files: .gitignore, nuxt.config.js, package.json, package-lock.json, README.md

Finally, a ".nuxt" directory 


1)

Within the "api" directory, you would create all of the methods to be used by using the API functions.
For example, in "deleteBucket.js", there is an API function called "BucketsAPI.deleteBucket()". Please, take note of the parameters inside the function.

2)

Within the "assets" directory, you're going to create the stylesheets and add images to be used within the app.


3)

Within "components", you can see both the standard & viewer navbars along with a "Forge" directory that contains the Vue components for Forge & the extensions and the services for the Forge component.


4)

"Config" is where we have our methods for authenticating and configuring our app to external services.

5)

"Pages" is where we have all of our views. Each one of the .vue files you see contains the html template code along with the respective backend & styling logic.

Vue files are divided as so:

<template>
</template>

<script>
</script>

<style>
</style>



6)

Any custom plug-ins that need to be made would be put into the "plugins" directory.

 
7)

Files that never change are put here in our "static" directory


8)
We handle user state/session information within the "store" directory. 



9)

Our nuxt.config.js file contains the configuration code for nuxt.js.

10)

Our package.json contains all used dependencies.

PLEASE UPDATE ALL DEPENDENCIES & FRAMEWORKS/MIDDLEWARE.
 
  